<!-- templates/post.html -->
{{define "theme"}}
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>{{.message.Meta.title}} - {{.extend.profile.name}}</title>
		<meta name="description" content="{{.message.Meta.description}}" />
		<link rel="alternate" href="{{.path}}" hreflang="en" />
		<link rel="canonical" href="{{.path}}" />
		<link rel="stylesheet" href="/assets/css/output.css" />
		<link rel="stylesheet" href="/assets/css/markdown.min.css" />
	</head>

	<body>
		<!-- header -->
		{{template "header" .}}
		
		<!-- main -->
		<main class="py-3 bg-gray-100">
			<div class="w-11/12 max-w-screen-xl mx-auto my-5 px-5 md:px-10 py-5 bg-white rounded-md">
					<h1 class="text-3xl">{{.message.Meta.title}}</h1>
					<div class="flex flex-row justify-between md:justify-start">
						<p class="text-gray-500 flex flex-row justify-center md:justify-start items-center">
							<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 20l4-16m2 16l4-16M6 9h14M4 15h14" />
								</svg>
							<span class="mx-2 text-sm">
							</span>
						</p>
						<p class="py-3 text-gray-500 flex flex-row justify-center md:justify-start items-center">
							<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
								<path
									stroke-linecap="round"
									stroke-linejoin="round"
									stroke-width="2"
									d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
								/>
							</svg>
							<span class="mx-2 text-sm"> {{.message.Meta.date}}</span>
						</p>
					</div>
					<div class="markdown-body">{{.message.Content|safe}}</div>
					<p class="py-3 text-gray-500 flex flex-row justify-start items-center">
						<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" />
							</svg>
						<span class="mx-2 text-sm ">
							{{range .message.Meta.tag}}
							<a href="/tag/{{toLower .}}/">{{.}} </a>
							{{end}}
						</span>
					</p>
				</div>
			</div>
		</main>

		<!-- footer -->
		{{template "footer" .}}
	</body>
</html>
{{end}}
